<template>
  <el-card class="app-container">
    <!-- 公共导入组件 -->
    <UploadExcel :on-success="success" />
    <!-- <UploadExcel /> -->
  </el-card>
</template>

<script>
import { addListEmployee } from '@/api/employees'
export default {
  methods: {
    async success({ header, results }) {
      // 准备翻译字典
      const userRelations = {
        入职日期: 'timeOfEntry',
        手机号: 'mobile',
        姓名: 'username',
        转正日期: 'correctionTime',
        工号: 'workNumber'
      }
      // 步骤:
      // 遍历results获得每各人的信息
      // 将每个人的信息进行遍历里面的属性
      // 使每个属性的名字字典配对,并进行翻译
      // 用翻译的属性名为新的的属性名,原来的值为值
      // 将新的键值对存到这个人的信息对象中
      // 遍历完所有属性后将这个人的新属性对象添加到新的数组中,再进行下一个人的遍历

      const arr = []
      results.forEach((item) => {
        // item是遍历出来的每个人的信息对象
        const obj = {}
        for (const key in item) {
          // 转译excel中的日期格式,转为常规的日期格式
          if (key === '转正日期' || key === '入职日期') {
            // obj[姓名] = item[姓名]
            //  name = 马克
            obj[userRelations[key]] = new Date(this.formatDate(item[key], '/'))
          } else {
            obj[userRelations[key]] = item[key]
          }
        }
        arr.push(obj)
      })
      // console.log(arr)
      // 批量添加
      await addListEmployee(arr)
      // 返退原来的页面
      this.$router.back()
    },
    // 转译excel中的日期格式的函数
    formatDate(numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        return year + format + month + format + date
      }
      return (
        year +
        (month < 10 ? '0' + month : month) +
        (date < 10 ? '0' + date : date)
      )
    }
  }
}
</script>

<style>
.app-container {
  margin: 20px;
}
</style>
